import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';

const SettingsPage = () => {
  return (
    <div className="space-y-6">
      <div className="flex flex-col space-y-2">
        <h1 className="text-3xl font-bold tracking-tight">Settings</h1>
        <p className="text-muted-foreground">
          Configure your chat export preferences.
        </p>
      </div>
      
      <Card>
        <CardHeader>
          <CardTitle>Export Settings</CardTitle>
        </CardHeader>
        <CardContent>
          <p className="text-muted-foreground">Export configuration options will be displayed here.</p>
        </CardContent>
      </Card>
    </div>
  );
};

export default SettingsPage; 